<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Power & Utility Accelerators</title>
		<meta http-equiv="content-type" content="text/html;charset=UTF-8" />    
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#submit_btn").click(function(){
					
					//changing the action
					var targeturl = "jersey/uploadfile?catalog="+$("#catalog").val();
					 $("#catalogform").attr("action",targeturl);
					 
					//submit the form
					  $("#catalogform").submit();
				});
				
			});	
		</script>
		
	<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
		
	</head>
	<body>
	
		<div id="container">
		
			<div id="header">
				<div class="tblrow">
				    <div class="tblcell">
				     	<img src="images/deloitte.png" title="Deloitte Consulting LLP" height="75px" />
				    </div>
				    <div class="tblcell">
				     	<h1 class="hdrtitle">Power & Utility Accelerators</h1>
				    </div>
			  </div>
				
				
			</div>
		
			<div id="maincontent">
				<form name="catalogform" id="catalogform" action="jersey/uploadfile" method="post" enctype="multipart/form-data">
					<fieldset>
						 <label for="catalog" id="catalog_label">Catalog</label>
						<select name="catalog" id="catalog">
							<option value="IPO">Industry Process Optimization</option>
							<option value="USB">Usability</option>
							<option value="CPO">Core Process Optimization</option>
							<option value="MOB">Mobility</option>
							<option value="THI">Technology Integration</option>
							<option value="EIM">Enterprise Information Management</option>
						</select>
						<br/>
						<br/>
						<label for="file0" id="filename0_label">Select File</label>
						<input id="file0" name="file0" type="file" />
						<br/>
						<label for="file1" id="filename1_label">Select File</label>
						<input id="file1" name="file1" type="file" />
						<br/>
						<label for="file2" id="filename2_label">Select File</label>
						<input id="file2" name="file2" type="file" />
						<br/>
						<label for="file3" id="filename3_label">Select File</label>
						<input id="file3" name="file3" type="file" />
						<br/>
						<label for="file4" id="filename4_label">Select File</label>
						<input id="file4" name="file4" type="file" />
						<br/>
						<label for="file5" id="filename5_label">Select File</label>
						<input id="file5" name="file5" type="file" />
						<br/>
						<label for="file6" id="filename6_label">Select File</label>
						<input id="file6" name="file6" type="file" />
						<br/>
						<label for="file7" id="filename7_label">Select File</label>
						<input id="file7" name="file7" type="file" />
						<br/>
						<label for="file8" id="filename8_label">Select File</label>
						<input id="file8" name="file8" type="file" />
						<br/>
						<label for="file9" id="filename9_label">Select File</label>
						<input id="file9" name="file9" type="file" />
					</fieldset>
					<input type="button" name="submit_btn" id="submit_btn" value="Upload" />
				</form>
			</div>
		</div>
	</body>
</html>
